<template>
	<view class="">
		<!-- <u-empty icon="@/static/imgs/shimingrenz.png" text='实名认证成功' marginTop='150'>
		</u-empty> -->
		<view class="img">
			<image class="img1" referrerpolicy="no-referrer"
				src="https://jiangxinsaas.oss-cn-beijing.aliyuncs.com/tuchuang/041713255484mGfDss.png" />
		</view>
		
		<view class="outer1">
			<text class="info1">恭喜您支付成功！</text>
			<text class="word3">接下来平台将会联系您</text>
		</view>
		<button class="Button1 flex-col" @click="onClick()">
			<text class="word4">回到首页</text>
		</button>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			onClick(){
				uni.reLaunch({
					url:'/pages/index/index'
				})
			}
		}
		
	}
</script>

<style>
	.img{
		width: 100%;
		display: flex;
	}
	.img1 {
	  width: 154px;
	  height: 154px;
	  margin: 0 auto;
	  margin-top: 120px;
	}
	
	.outer1 {
	  width: 100%;
	  height: 30px;
	  overflow-wrap: break-word;
	  font-size: 16px;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 30px;
	  margin-top: 20px;
	  margin-bottom: 20px;
	}
	
	.info1 {
	  height: 40px;
	  overflow-wrap: break-word;
	  color: rgba(0, 0, 0, 1);
	  font-size: 16px;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 40px;
	}
	
	.word3 {
	  height: 40px;
	  overflow-wrap: break-word;
	  color: rgba(42, 157, 242, 1);
	  font-size: 16px;
	  text-align: left;
	  white-space: nowrap;
	  line-height: 40px;
	}
	
	.Button1 {
	  background-color: rgba(42, 157, 242, 1);
	  border-radius: 25px;
	  height: 50px;
	  margin: 15px;
	}
	
	.word4 {
	  width: 100%;
	  height: 50px;
	  overflow-wrap: break-word;
	  color: rgba(255, 255, 255, 1);
	  font-size: 18px;
	  text-align: center;
	  white-space: nowrap;
	  line-height: 50px;
	  display: block;
	}


</style>
